@import "../../css/base_mob.css";

//显示原图朦层
.popup {
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  height: 100%;
  position: fixed;
  top: 0;
  overflow: auto;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
  .bg {
    width: 100%;
    height: 100%;
    position: relative;
    img {
      display: block;
      margin: 0 auto;
      max-width: 100%;
      position: absolute;
    }

  }
  .container {
    width: 100%;
    height: 100%;
    margin-top: 1.5625rem;
    padding: 0 10/16rem;
  }
}

//教学理念示例朦层
.teach_idea {
  display: none;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
  .idea_box {
    width: 100%;
    height: 100%;
    padding: 130/16rem 70/16rem 20/16rem;
    .idea_tit {
      color: #fff;
      font-size: 20/16rem;
      line-height: 28/16rem;
      text-align: center;
      padding-bottom: 14/16rem;
    }
    .idea_con {
      color: #fff;
      font-size: 14/16rem;
      line-height: 26/16rem;
      text-align: center;
      padding-bottom: 120/16rem;
    }
    .idea_close {
      display: block;
      width: 36/16rem;
      height: 36/16rem;
      margin: 0 auto;
    }
  }
}

//重新填写朦层提示
.again_tips {
  display: none;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
  .exchange_share {
    width: 100%;
    height: 100%;
    padding: 30/16rem;
    position: relative;
    .exchange_con {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 300/16rem;
      background-color: #fff;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      -webkit-border-radius: 4/16rem;
      -moz-border-radius: 4/16rem;
      -ms-border-radius: 4/16rem;
      -o-border-radius: 4/16rem;
      border-radius: 4/16rem;
      padding: 40/16rem 0 0;
      .tipsicon {
        display: block;
        margin: 0 auto 10/16rem;
        width: 50/16rem;
        height: 50/16rem;
      }
      .tips_span {
        display: block;
        text-align: center;
        font-weight: 800;
        font-size: 16/16rem;
        color: #63A431;
      }
      .exchange_text {
        padding: 30/16rem 10/16rem 0;
        .text_p {
          text-align: center;
          padding: 0 10/16rem 50/16rem;
          font-size: 14/16rem;
          line-height: 22/16rem;
          color: #333;
          span {
            color: #63A431;
          }
        }
        .exchange_ul {
          width: 100%;
          padding: 10/16rem 0;
          border-top: 1/16rem solid #EEEEEE;
          .exchange_li {
            float: left;
            width: 50%;
            text-align: center;
            font-size: 14/16rem;
            line-height: 40/16rem;
            border-right: 1/16rem solid #EEEEEE;
          }
          .think_li {
            color: #999;
          }
          .sure_li {
            color: #63A431;
          }
          .exchange_li:nth-last-child(1) {
            border-right: none;
          }
        }
      }
    }
  }
}

.warp {
  width: 100%;
  max-width: 540px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; /*清除点击高亮效果*/
  ::-webkit-input-placeholder {
    font-size: 12/16rem;
    color: #999;
  }
  ::-moz-placeholder {
    font-size: 12/16rem;
    color: #999;
  }
  :-ms-input-placeholder {
    font-size: 12/16rem;
    color: #999;
  }
  input:-moz-placeholder {
    font-size: 12/16rem;
    color: #999;
  }
  //上传图片提示文字
  .prompt_img {
    padding-top: 10/16rem;
    padding-left: 28/16rem;
    font-size: 10/16rem;
    line-height: 17/16rem;
    color: #999999;
    text-align: left;
  }
  //上传图片提示文字
  .prompt_img1 {
    padding-top: 10/16rem;
    padding-left: 13/16rem;
    font-size: 10/16rem;
    line-height: 17/16rem;
    color: #999999;
    text-align: left;
  }
  //资料上传列表
  .dataUp {
    width: 100%;
    padding-bottom: 20/16rem;
    .content_title {
      width: 100%;
      padding: 0 20/16rem 0;
      height: 55/16rem;
      background-color: #F2FDF1;
      .title_h {
        font-size: 14/16rem;
        line-height: 55/16rem;
        color: #333333;
        font-weight: 800;
        span {
          font-size: 10/16rem;
          line-height: 55/16rem;
          color: #999999;
          padding-top: 3/16rem;
        }
      }
    }
    //顶部介绍
    .data_top {
      width: 100%;
      padding: 30/16rem 20/16rem 0;
      background-color: #fff;
      .data_topli {
        padding-bottom: 30/16rem;
        .top_tit {
          font-size: 14/16rem;
          color: #333;
          line-height: 20/16rem;
          padding-bottom: 5/16rem;
        }
        .top_txt {
          font-size: 13/16rem;
          line-height: 18/16rem;
          color: #666;
        }
      }
    }
    //资料上传板块
    .data_cen {
      width: 100%;
      padding: 10/16rem 20/16rem;
      background-color: #fff;
      .cen_list {
        width: 100%;
        margin-bottom: 10/16rem;
        border: 1px solid #EEEEEE;
        .list_tit {
          width: 100%;
          padding: 15/16rem;
          font-size: 14/16rem;
          color: #63A431;
          font-weight: 800;
        }
        .list_ul {
          border-top: 1px solid #EEEEEE;
        }
      }
      .data_cenli:nth-child(odd) {
        border-right: 1px solid #EEEEEE;
        border-bottom: 1px solid #EEEEEE;
      }
      .data_cenli:nth-child(even) {
        border-bottom: 1px solid #EEEEEE;
      }
      .data_cenli {
        float: left;
        width: 50%;
        color: #333;
        padding: 15/16rem;
        font-size: 12/16rem;
      }
      .pro_p {
        text-align: left;
        color: #333;
        padding: 15/16rem;
        font-size: 12/16rem;
        line-height: 0.48rem;
        background-color: #EEEEEE;
      }
      .meal_p {
        border-top: 1px solid #EEEEEE;
        width: 100%;
        color: #333;
        padding: 15/16rem 15/16rem 25/16rem;
        font-size: 12/16rem;
      }
    }
    //底部文字提示
    .data_pro {
      padding: 20/16rem;
      .data_title {
        width: 100%;
        font-size: 14/16rem;
        color: #333333;
        font-weight: 800;
      }
      .data_bottxt {
        text-align: left;
        padding: 20/16rem 0 0;
        font-size: 12/16rem;
        line-height: 17/16rem;
        color: #333;
      }
      .readyBtn {
        display: block;
        width: 259/16rem;
        height: 40/16rem;
        margin: 20/16rem auto;
        text-align: center;
        color: #fff;
        font-size: 13/16rem;
        line-height: 40/16rem;
        background-color: #63A431;
        -webkit-border-radius: 50/16rem 50/16rem;
        -moz-border-radius: 50/16rem 50/16rem;
        -ms-border-radius: 50/16rem 50/16rem;
        -o-border-radius: 50/16rem 50/16rem;
        border-radius: 50/16rem 50/16rem;
      }
    }
  }
  //列表多选样式
  .sele_div {
    width: 100%;
    margin-top: 20/16rem;
    padding: 0 15/16rem 0;
    background-color: #f3f3f3;
    .sele_tit {
      padding: 20/16rem 0;
      font-size: 13/16rem;
      color: #333333;
      line-height: 18/16rem;
    }
    .sele_more {
      padding-bottom: 10/16rem;
      .moreli_list {
        width: 100%;
        margin-bottom: 10/16rem;
        background-color: #fff;
        padding-left: 15/16rem;
        .more_p {
          color: #333333;
          font-size: 13/16rem;
          line-height: 22/16rem;
          padding: 15/16rem 15/16rem 15/16rem 20/16rem;
          background: url("../images/sele_gray.png") no-repeat left 0.48rem;
          background-size: 13/16rem 13/16rem;
        }
      }
      .current_list {
        width: 100%;
        margin-bottom: 10/16rem;
        background-color: #F2FDF1;
        .more_p {
          color: #333333;
          font-size: 13/16rem;
          line-height: 22/16rem;
          padding: 15/16rem 15/16rem 15/16rem 20/16rem;
          background: url("../images/sele_cur.png") no-repeat left 0.48rem;
          background-size: 13/16rem 13/16rem;
        }
      }

    }
  }
  //上传图片
  .file_pro {
    padding: 40/16rem 0 30/16rem;
    .pro_img {
      display: block;
      width: 54/16rem;
      height: 54/16rem;
      margin: 0 auto;
    }
    .pro_h3 {
      text-align: center;
      padding: 20/16rem 0 0;
      color: #63A431;
      font-size: 18/16rem;
      line-height: 26/16rem;
      font-weight: 800;
    }
    .progre_p {
      text-align: center;
      padding: 20/16rem 0 10/16rem;
      color: #63A431;
      font-size: 16/16rem;
      line-height: 26/16rem;
    }
    .progre_text {
      text-align: center;
      color: #c9c9c9;
      font-size: 14/16rem;
      line-height: 18/16rem;
    }
  }
  .line {
    width: 100%;
    height: 5/16rem;
    background-color: #F2F2F2;
  }
  .mess_images {
    padding-bottom: 20/16rem;
    .images_title {
      font-size: 14/16rem;
      color: #333333;
      font-weight: 800;
      padding: 10/16rem 0 0;
    }
    .images_text {
      text-align: left;
      padding-top: 10/16rem;
      color: #c9c9c9;
      font-size: 13/16rem;
      line-height: 18/16rem;
    }
    //教学理念
    .basics_teach {
      padding: 10/16rem 0 10/16rem;
      border-bottom: 1px solid #EEEEEE;
      .exam_text {
        width: 100%;
        height: 20/16rem;
        font-size: 13/16rem;
        line-height: 18/16rem;
      }
    }
  }
  //上传图片结束
  //基础资料上传部分
  .basicsUp {
    width: 100%;
    padding-bottom: 20/16rem;
    //进度条
    .progressBar {
      width: 100%;
      padding: 18/16rem 20/16rem 37/16rem;
      background-color: #63A431;
      .currProgress1 {
        width: 100%;
        height: 7/16rem;
        background-color: rgba(255, 255, 255, 0.2);
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
      }
      .currColor {
        background-color: #ff9933;
      }
      .currProgress1 .currProgress11 {
        background: #FFFFFF;
        height: 100%;
        width: 0;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress11:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .currProgress12 {
        width: 9%;
        background: #FFFFFF;
        height: 100%;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress12:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .currProgress13 {
        width: 18%;
        background: #ffffff;
        height: 100%;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress13:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .currProgress14 {
        width: 27%;
        background: #ffffff;
        height: 100%;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress14:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .currProgress15 {
        width: 36%;
        background: #ffffff;
        height: 100%;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress15:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .currProgress16 {
        width: 45%;
        background: #ffffff;
        height: 100%;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress16:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .currProgress17 {
        width: 54%;
        background: #ffffff;
        height: 100%;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress17:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .currProgress18 {
        width: 63%;
        background: #ffffff;
        height: 100%;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress18:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .currProgress19 {
        width: 72%;
        background: #ffffff;
        height: 100%;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress19:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .currProgress20 {
        width: 81%;
        background: #ffffff;
        height: 100%;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress20:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .progress_value {
        width: 80/16rem;
        font-size: 12/16rem;
        color: #ffffff;
        text-align: center;
        position: absolute;
        bottom: -22/35.5rem;
        right: -20/16rem;
      }
      .progress_zeo {
        width: 80/16rem;
        font-size: 12/16rem;
        line-height: 17/16rem;
        color: #ffffff;
        text-align: left;
        position: absolute;
        bottom: -22/35.5rem;
        left: 0;
      }
    }
    //填写幼儿园信息
    .basics_content {
      width: 100%;
      position: relative;
      .content_title {
        width: 100%;
        padding: 0 20/16rem 0;
        height: 55/16rem;
        .title_h {
          font-size: 16/16rem;
          line-height: 55/16rem;
          color: #333333;
          font-weight: 800;
          position: relative;
          padding-left: 10/16rem;
          span {
            font-size: 10/16rem;
            line-height: 55/16rem;
            color: #999999;
            padding-top: 3/16rem;
          }
        }
        .title_h:before {
          content: "";
          position: absolute;
          z-index: 2;
          width: 4/16rem;
          height: 16/16rem;
          left: 0;
          top: 20/16rem;
          background-color: #63A431;
        }
        //非必填
        .non_compul {
          display: block;
          font-size: 10/16rem;
          line-height: 55/16rem;
          color: #C9C9C9;
        }
        // 五角星的表示
        .required_star {
          display: block;
          font-size: 14/16rem;
          line-height: 55/16rem;
          color: #FF4539;
        }
        //可多选
        .required_multi {
          display: block;
          font-size: 10/16rem;
          line-height: 55/16rem;
          color: #FF4539;
          padding-right: 10/16rem;
        }
      }
      .render_mess {
        width: 100%;
        padding: 10/16rem 20/16rem 10/16rem;
        .class_num {
          padding-bottom: 20/16rem;
        }
        .name_content {
          padding-top: 20/16rem;
          padding-left: 10/16rem;
          .title_content {
            font-size: 14/16rem;
            line-height: 20/16rem;
            color: #333333;
          }
          //非必填
          .non_compul {
            font-size: 10/16rem;
            line-height: 20/16rem;
            color: #C9C9C9;
          }
        }
        // 五角星的表示
        .required_star {
          font-size: 14/16rem;
          line-height: 20/16rem;
          color: #FF4539;
        }
        //可多选
        .required_multi {
          font-size: 10/16rem;
          line-height: 14/16rem;
          color: #FF4539;
          padding-right: 10/16rem;
          padding-top: 3/16rem;
        }
        .basics_render {
          width: 100%;
          color: #333;
          padding-left: 10/16rem;
          font-size: 14/16rem;
          line-height: 43/16rem;
          border-bottom: 1px solid #EEEEEE;
        }

      }
      //日期选择样式
      .date_con {
        width: 100%;
        padding-top: 15/16rem;
        position: relative;
        border-bottom: 1px solid #EEEEEE;
        .demo_date {
          width: 100%;
          height: 47/16rem;
          color: #333;
          text-align: center;
          font-size: 13/16rem;
          line-height: 47/16rem;
        }
        .data_arr {
          position: absolute;
          top: 31/16rem;
          right: 10/16rem;
          width: 15/16rem;
          height: 15/16rem;
          background: url("../images/arrboticon.png") no-repeat center;
          background-size: 100% 100%;
        }
      }
      //园所性质
      .record_ul {
        //padding-top: 20/16rem;
        .record_list {
          width: 100%;
          padding: 15/16rem 15/16rem;
          p {
            color: #333333;
            font-size: 13/16rem;
            line-height: 18/16rem;
            background: url(../../images/hyzicon/graydui.png) no-repeat right center;
            background-size: 16/16rem 16/16rem;
          }
        }
        .record_list:nth-child(odd) {
          background-color: #F3F3F3;
        }
        .current_list p {
          color: #63A431;
          font-size: 13/16rem;
          line-height: 18/16rem;
          background: url(../../images/hyzicon/curdui1.png) no-repeat right center;
          background-size: 16/16rem 16/16rem;
        }
      }
      //园所地址
      .basics_add {
        padding-left: 10/16rem;
        border-bottom: 1px solid #EEEEEE;
        .add_input {
          width: 100%;
          font-size: 13/16rem;
          line-height: 43/16rem;
          color: #333;
          text-align: left;
        }
      }
      .basics_marbot {
        margin-bottom: 30/16rem;
      }
      .basics_martop {
        margin-top: 30/16rem;
      }
      //详细地址
      .deta_tit {
        padding: 20/16rem 0 0;
        font-size: 14/16rem;
        line-height: 20/16rem;
        color: #333;
      }
      .add_deta {
        padding: 20/16rem 0 10/16rem 10/16rem;
        border-bottom: 1px solid #EEEEEE;
        .deta_text {
          width: 100%;
          height: 20/16rem;
          font-size: 13/16rem;
          color: #333;
          line-height: 18/16rem;
        }
      }
      // 添加其他特色
      .other_characteristic {
        width: 100%;
        padding: 0 15/16rem 0;
        background-color: #f3f3f3;
        .other_title {
          padding: 20/16rem 0 0;
          font-size: 13/16rem;
          color: #333333;
          line-height: 18/16rem;
        }
        .other_ul {
          width: 100%;
          .other_list {
            width: 100%;
            padding: 20/16rem 15/16rem;
            margin-bottom: 10/16rem;
            border-bottom: 1px solid #dddddd;
            .charac_p {
              color: #333333;
              font-size: 13/16rem;
              line-height: 18/16rem;
              background: url(../../images/hyzicon/graydui.png) no-repeat right center;
              background-size: 16/16rem 16/16rem;
            }
            .current_list {
              color: #63A431;
              font-size: 13/16rem;
              line-height: 18/16rem;
              background: url(../../images/hyzicon/curdui1.png) no-repeat right center;
              background-size: 16/16rem 16/16rem;
            }
            .charac_content {
              padding-top: 10/16rem;
              color: #333333;
              font-size: 13/16rem;
              line-height: 18/16rem;
            }
            .img_ol {
              margin-left: -10/16rem;
              padding-top: 20/16rem;
              .img_li {
                float: left;
                width: 84/16rem;
                height: 84/16rem;
                margin-bottom: 10/16rem;
                margin-left: 10/16rem;
                img {
                  display: block;
                  width: 100%;
                  height: 100%;
                }
              }

            }
          }
        }

        .input_content {
          width: 100%;
          padding: 20/16rem 0 0;
          .con_text {
            width: 100%;
            .chara_name {
              width: 100%;
              font-size: 13/16rem;
              padding: 11/16rem 15/16rem;
              border-bottom: 1px solid #dddddd;
              margin-bottom: 10/16rem;
            }
          }
        }
      }
      //联系方式
      .render_tell {
        .tell_li {
          margin-bottom: 20/16rem;
          .basics_label {
            display: block;
            width: 100%;
            padding-top: 13/16rem;
            line-height: 18/16rem;
            font-size: 14/16rem;
            color: #333;
            padding-left: 10/16rem;
          }
          .tall_input {
            width: 100%;
            height: 40/16rem;
            font-size: 14/16rem;
            line-height: 40/16rem;
            padding-left: 10/16rem;
            border-bottom: 1px solid #EEEEEE;
          }
        }
      }
      //提示文本
      .prompt_p {
        text-align: right;
        margin-top: -10/16rem;
        font-size: 10/16rem;
        line-height: 14/16rem;
        color: #FF4539;
      }
      //教学理念
      .basics_teach {
        padding: 10/16rem 0;
        border-bottom: 1px solid #EEEEEE;
        .exam_text {
          width: 100%;
          height: 20/16rem;
          font-size: 13/16rem;
          line-height: 18/16rem;
          padding: 0 15/16rem;
        }
      }

      .square {
        font-size: 13/16rem;
        line-height: 43/16rem;
        color: #333;
      }

    }
  }
  //环境资料上传
  .enviUp {
    width: 100%;
    padding-bottom: 20/16rem;
    //进度条
    .progressBar {
      width: 100%;
      padding: 18/16rem 20/16rem 37/16rem;
      background-color: #63A431;
      .currProgress1 {
        width: 100%;
        height: 7/16rem;
        background-color: rgba(255, 255, 255, 0.2);
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
      }
      .currColor {
        background-color: #ff9933;
      }
      .currProgress1 .currProgress24 {
        background: #ffffff;
        height: 100%;
        width: 0;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress24:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .currProgress1 .currProgress25 {
        background: #ffffff;
        height: 100%;
        width: 0;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress25:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .currProgress1 .currProgress26 {
        background: #ffffff;
        height: 100%;
        width: 20%;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress26:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .currProgress1 .currProgress27 {
        background: #ffffff;
        height: 100%;
        width: 40%;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress27:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .currProgress1 .currProgress28 {
        background: #ffffff;
        height: 100%;
        width: 60%;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress28:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .progress_value {
        width: 80/16rem;
        font-size: 12/16rem;
        color: #ffffff;
        text-align: center;
        position: absolute;
        bottom: -22/35.5rem;
        right: -20/16rem;
      }
      .progress_zeo {
        width: 80/16rem;
        font-size: 12/16rem;
        line-height: 17/16rem;
        color: #ffffff;
        text-align: left;
        position: absolute;
        bottom: -22/35.5rem;
        left: 0;
      }
    }
    //内容区域
    .enviUp_content {
      width: 100%;
      position: relative;
      .content_title {
        width: 100%;
        padding: 0 20/16rem 0;
        height: 55/16rem;
        .title_h {
          font-size: 16/16rem;
          line-height: 55/16rem;
          color: #333333;
          font-weight: 800;
          position: relative;
          padding-left: 10/16rem;
          span {
            font-size: 10/16rem;
            line-height: 55/16rem;
            color: #999999;
            padding-top: 3/16rem;
          }
        }
        .title_h:before {
          content: "";
          position: absolute;
          z-index: 2;
          width: 4/16rem;
          height: 16/16rem;
          left: 0;
          top: 20/16rem;
          background-color: #63A431;
        }
        //非必填
        .non_compul {
          display: block;
          font-size: 10/16rem;
          line-height: 55/16rem;
          color: #C9C9C9;
        }
        // 五角星的表示
        .required_star {
          display: block;
          font-size: 14/16rem;
          line-height: 55/16rem;
          color: #FF4539;
        }
        //可多选
        .required_multi {
          display: block;
          font-size: 10/16rem;
          line-height: 55/16rem;
          color: #FF4539;
          padding-right: 10/16rem;
        }
      }
      .pro_text {
        text-align: left;
        color: #999;
        font-size: 13/16rem;
        line-height: 18/16rem;
        padding: 0 20/16rem 0 30/16rem;
      }
      .envi_mess {
        padding: 10/16rem 20/16rem;
        .name_content {
          padding-top: 30/16rem;
          padding-left: 10/16rem;
          .title_content {
            font-size: 14/16rem;
            line-height: 20/16rem;
            color: #333333;
          }
          //非必填
          .non_compul {
            font-size: 10/16rem;
            line-height: 20/16rem;
            color: #999999;
          }
        }
        .basics_add {
          padding-top: 10/16rem;
          padding-left: 10/16rem;
          border-bottom: 1px solid #EEEEEE;
          //建筑面积
          .basics_acre {
            width: 80%;
            color: #333;
            font-size: 14/16rem;
            line-height: 43/16rem;
          }
          .square {
            line-height: 40/16rem;
            color: #999999;
            font-size: 13/16rem;
          }
        }
        .envi_teach {
          .exam_text {
            width: 100%;
            min-height: 180/16rem;
            padding: 10/16rem;
            font-size: 13/16rem;
            color: #333;
            line-height: 18/16rem;
            background-color: #F3F3F3;
            border: 1px solid #EEEEEE;
            -webkit-border-radius: 8/16rem;
            -moz-border-radius: 8/16rem;
            -ms-border-radius: 8/16rem;
            -o-border-radius: 8/16rem;
            border-radius: 8/16rem;
          }
          .examples {
            padding-top: 5/16rem;
            .exam_teach {
              color: #0099FF;
              font-size: 10/16rem;
              line-height: 14/16rem;
            }
            .length {
              color: #666666;
              font-size: 10/16rem;
              line-height: 14/16rem;
              span {
                color: #FF530B;
              }
            }
          }
        }
        .sele_text {
          font-size: 11/16rem;
          color: #666666;
          line-height: 16/16rem;
          padding-bottom: 10/16rem;
        }
      }
      //textarea
      .num_teach {
        .exam_text {
          width: 100%;
          padding: 10/16rem;
          font-size: 13/16rem;
          color: #333;
          line-height: 18/16rem;
          //background-color: #FFFFFF;
          border-bottom: 1px solid #dddddd;
        }
        .examples {
          padding-top: 5/16rem;
          .exam_teach {
            color: #0099FF;
            font-size: 10/16rem;
            line-height: 14/16rem;
          }
          .length {
            color: #666666;
            font-size: 10/16rem;
            line-height: 14/16rem;
            span {
              color: #FF530B;
            }
          }
        }
      }
      // 添加其他特色
      .other_characteristic {
        width: 100%;
        margin-top: 10/16rem;
        background-color: #f3f3f3;
        .other_title {
          padding: 20/16rem 15/16rem 0;
          font-size: 13/16rem;
          color: #333333;
          line-height: 18/16rem;
        }
        .other_ul {
          width: 100%;
          padding: 20/16rem 30/16rem 0;
          .other_list {
            width: 100%;
            padding-bottom: 20/16rem;
            margin-bottom: 10/16rem;
            border-bottom: 1px solid #EEEEEE;
            .charac_p {
              color: #333333;
              font-size: 13/16rem;
              line-height: 22/16rem;
              background: url("../images/sele_gray.png") no-repeat right 4.5/16rem;
              background-size: 13/16rem 13/16rem;
              //background-color: #fff;

            }
            .current_list {
              color: #63A431;
              font-size: 13/16rem;
              line-height: 22/16rem;
              background: url("../images/sele_cur.png") no-repeat right 4.5/16rem;
              background-size: 13/16rem 13/16rem;
            }
            .charac_content {
              padding-top: 10/16rem;
              color: #666;
              font-size: 13/16rem;
              line-height: 18/16rem;
              text-align: justify;
              word-wrap: break-word;
              -moz-hyphens: auto;
              -ms-hyphens: auto;
              -webkit-hyphens: auto;
              hyphens: auto;
              word-break: normal
            }
          }
          .other_list:nth-last-child(1) {
            border-bottom: none;
          }

        }
        .input_content {
          width: 100%;
          padding: 0 15/16rem;
          .con_text {
            width: 100%;
            .chara_name {
              width: 100%;
              font-size: 13/16rem;
              padding: 15/16rem;
              margin-bottom: 10/16rem;
              border-bottom: 1px solid #dddddd;
            }
          }
        }
        .btn_envi {
          //margin-top: 20/16rem;
          padding: 20/16rem 0;
          a {
            display: block;
            width: 50%;
            float: left;
            font-size: 13/16rem;
            text-align: center;
          }
          .look_examples {
            color: #0099FF;
            border-right: 1px solid #EEEEEE;
          }
          //确认添加按钮
          .enviaddBtn {
            color: #63A431;
          }
        }

      }
    }
  }
  //师资团队
  .teacteamUp {
    width: 100%;
    padding-bottom: 20/16rem;
    //进度条
    .progressBar {
      width: 100%;
      padding: 18/16rem 20/16rem 37/16rem;
      background-color: #63A431;
      .currProgress1 {
        width: 100%;
        height: 7/16rem;
        background-color: rgba(255, 255, 255, 0.2);
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
      }
      .currColor {
        background-color: #ff9933;
      }
      .currProgress1 .currProgress34 {
        background: #ffffff;
        height: 100%;
        width: 0;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress34:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .currProgress1 .currProgress35 {
        background: #ffffff;
        height: 100%;
        width: 11%;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress35:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .currProgress1 .currProgress36 {
        background: #ffffff;
        height: 100%;
        width: 22%;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress36:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .currProgress1 .currProgress37 {
        background: #ffffff;
        height: 100%;
        width: 33%;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress37:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .currProgress1 .currProgress38 {
        background: #ffffff;
        height: 100%;
        width: 44%;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress38:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .currProgress1 .currProgress39 {
        background: #ffffff;
        height: 100%;
        width: 55%;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress39:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .currProgress1 .currProgress40 {
        background: #ffffff;
        height: 100%;
        width: 66%;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress40:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .currProgress1 .currProgress41 {
        background: #ffffff;
        height: 100%;
        width: 77%;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress41:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .progress_value {
        width: 80/16rem;
        font-size: 12/16rem;
        color: #ffffff;
        text-align: center;
        position: absolute;
        bottom: -22/35.5rem;
        right: -20/16rem;
      }
      .progress_zeo {
        width: 80/16rem;
        font-size: 12/16rem;
        line-height: 17/16rem;
        color: #ffffff;
        text-align: left;
        position: absolute;
        bottom: -22/35.5rem;
        left: 0;
      }
    }
    //内容区域
    .teacteam_content {
      width: 100%;
      position: relative;
      .content_title {
        width: 100%;
        padding: 0 20/16rem 0;
        height: 55/16rem;
        .title_h {
          font-size: 16/16rem;
          line-height: 55/16rem;
          color: #333333;
          font-weight: 800;
          position: relative;
          padding-left: 10/16rem;
          span {
            font-size: 10/16rem;
            line-height: 55/16rem;
            color: #999999;
            padding-top: 3/16rem;
          }
        }
        .title_h:before {
          content: "";
          position: absolute;
          z-index: 2;
          width: 4/16rem;
          height: 16/16rem;
          left: 0;
          top: 20/16rem;
          background-color: #63A431;
        }
        //非必填
        .non_compul {
          display: block;
          font-size: 10/16rem;
          line-height: 55/16rem;
          color: #C9C9C9;
        }
        // 五角星的表示
        .required_star {
          display: block;
          font-size: 14/16rem;
          line-height: 55/16rem;
          color: #FF4539;
        }
        //可多选
        .required_multi {
          display: block;
          font-size: 10/16rem;
          line-height: 55/16rem;
          color: #FF4539;
          padding-right: 10/16rem;
        }
      }
      .envi_mess {
        padding: 10/16rem 20/16rem;
        .name_content {
          padding-top: 30/16rem;
          padding-left: 10/16rem;
          .title_content {
            font-size: 14/16rem;
            line-height: 20/16rem;
            color: #333333;
          }
          //非必填
          .non_compul {
            font-size: 10/16rem;
            line-height: 20/16rem;
            color: #999999;
          }
        }
        .basics_add {
          padding-top: 10/16rem;
          padding-left: 10/16rem;
          border-bottom: 1px solid #EEEEEE;
          //建筑面积
          .basics_acre {
            width: 80%;
            color: #333;
            font-size: 14/16rem;
            line-height: 43/16rem;
          }
          .square {
            line-height: 40/16rem;
            color: #999999;
            font-size: 13/16rem;
          }
        }
        .num_sele {
          padding: 30/16rem 0 20/16rem 10/16rem;
          .class_number {
            font-size: 14/16rem;
            line-height: 20/16rem;
            color: #333333;
          }
          .sele_class {
            padding-top: 20/16rem;
            .sele_li {
              width: 100%;
              margin-bottom: 10/16rem;
              .class_div {
                width: 50%;
                .sele_p {
                  color: #333;
                  font-size: 14/16rem;
                  line-height: 40/16rem;
                  background: url("../images/sele_gray.png") no-repeat left center;
                  background-size: 13/16rem 13/16rem;
                  padding-left: 30/16rem;
                }
                .sele_current {
                  color: #63A431;
                  font-size: 14/16rem;
                  line-height: 40/16rem;
                  background: url("../images/sele_cur.png") no-repeat left center;
                  background-size: 13/16rem 13/16rem;
                  padding-left: 30/16rem;
                }
              }
            }
          }
          .class_input {
            height: 40/16rem;
            background-color: #F3F3F3;
            position: relative;
            .basics_eui {
              color: #333;
              padding: 0 15/16rem;
              line-height: 40/16rem;
            }
            .square {
              position: absolute;
              top: 10/16rem;
              right: 10/16rem;
              color: #999;
              font-size: 13/16rem;
              line-height: 18/16rem;
            }
          }
        }
        .mess_txt {
          padding: 0 0 0 10/16rem;
          text-align: left;
          color: #999;
          font-size: 13/16rem;
          line-height: 18/16rem;
        }
      }
      //textarea
      .num_teach {
        margin-bottom: -20/16rem;
        .exam_text {
          width: 100%;
          padding: 10/16rem;
          font-size: 13/16rem;
          color: #333;
          line-height: 18/16rem;
          border-bottom: 1px solid #dddddd;
        }
        .examples {
          padding-top: 5/16rem;
          .exam_teach {
            color: #0099FF;
            font-size: 10/16rem;
            line-height: 14/16rem;
          }
          .length {
            color: #666666;
            font-size: 10/16rem;
            line-height: 14/16rem;
            span {
              color: #FF530B;
            }
          }
        }
      }
      // 添加其他特色
      .other_characteristic {
        width: 100%;
        margin-top: 10/16rem;
        background-color: #f3f3f3;
        .other_title {
          padding: 20/16rem 15/16rem 0;
          font-size: 13/16rem;
          color: #333333;
          line-height: 18/16rem;
        }
        .other_ul {
          width: 100%;
          padding: 20/16rem 30/16rem 0;
          .other_list {
            width: 100%;
            padding-bottom: 20/16rem;
            margin-bottom: 10/16rem;
            border-bottom: 1px solid #EEEEEE;
            .charac_p {
              color: #333333;
              font-size: 13/16rem;
              line-height: 22/16rem;
              background: url("../images/sele_gray.png") no-repeat right 4.5/16rem;
              background-size: 13/16rem 13/16rem;
            }
            .current_list {
              color: #63A431;
              font-size: 13/16rem;
              line-height: 22/16rem;
              background: url("../images/sele_cur.png") no-repeat right 4.5/16rem;
              background-size: 13/16rem 13/16rem;
            }
            .charac_content {
              padding-top: 10/16rem;
              color: #666;
              font-size: 13/16rem;
              line-height: 18/16rem;
              text-align: justify;
              word-wrap: break-word;
              -moz-hyphens: auto;
              -ms-hyphens: auto;
              -webkit-hyphens: auto;
              hyphens: auto;
              word-break: normal
            }
          }
          .other_list:nth-last-child(1) {
            border-bottom: none;
          }

        }
        .input_content {
          width: 100%;
          .con_text {
            width: 100%;
            padding: 0 15/16rem 15/16rem;
            .chara_name {
              width: 100%;
              font-size: 13/16rem;
              padding: 15/16rem;
              margin-bottom: 10/16rem;
              border-bottom: 1px solid #dddddd;
            }
          }
        }
        .btn_envi {
          padding: 20/16rem 0;
          a {
            display: block;
            width: 50%;
            float: left;
            font-size: 13/16rem;
            text-align: center;
          }
          .look_examples {
            color: #0099FF;
            border-right: 1px solid #EEEEEE;
          }
          //确认添加按钮
          .enviaddBtn {
            color: #63A431;

          }
        }

      }
    }
  }
  //餐谱
  .mealUp {
    width: 100%;
    padding-bottom: 20/16rem;
    //进度条
    .progressBar {
      width: 100%;
      padding: 18/16rem 20/16rem 37/16rem;
      background-color: #63A431;
      .currProgress1 {
        width: 100%;
        height: 7/16rem;
        background-color: rgba(255, 255, 255, 0.2);
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
      }
      .currColor {
        background-color: #ff9933;
      }
      .currProgress1 .currProgress34 {
        background: #ffffff;
        height: 100%;
        width: 0;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress34:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .currProgress1 .currProgress37 {
        background: #ffffff;
        height: 100%;
        width: 0;
        border-radius: 1.333333rem 1.3333rem;
        transition: width 1s linear;
        /* Firefox 4 */
        -moz-transition: width 1s linear;
        /* Safari and Chrome */
        -webkit-transition: width 1s linear;
        /* Opera */
        -o-transition: width 1s linear;
        -webkit-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -moz-border-radius: 4/16rem 4/16rem;
        -o-border-radius: 4/16rem 4/16rem;
        border-radius: 4/16rem 4/16rem;
        position: relative;
      }
      .currProgress37:after {
        content: "";
        width: 7/16rem;
        height: 7/16rem;
        border-radius: 50%;
        background: #7DC744;
        position: absolute;
        right: -10/16rem;
        top: -2/16rem;
        border: 2/16rem solid #FFFFFF;
      }
      .progress_value {
        width: 80/16rem;
        font-size: 12/16rem;
        color: #ffffff;
        text-align: center;
        position: absolute;
        bottom: -22/35.5rem;
        right: -20/16rem;
      }
      .progress_zeo {
        width: 80/16rem;
        font-size: 12/16rem;
        line-height: 17/16rem;
        color: #ffffff;
        text-align: left;
        position: absolute;
        bottom: -22/35.5rem;
        left: 0;
      }
    }
    //内容区域
    .mealUp_content {
      width: 100%;
      position: relative;
      .content_title {
        width: 100%;
        padding: 0 20/16rem 0;
        height: 55/16rem;
        .title_h {
          font-size: 16/16rem;
          line-height: 55/16rem;
          color: #333333;
          font-weight: 800;
          position: relative;
          padding-left: 10/16rem;
          span {
            font-size: 10/16rem;
            line-height: 55/16rem;
            color: #999999;
            padding-top: 3/16rem;
          }
        }
        .title_h:before {
          content: "";
          position: absolute;
          z-index: 2;
          width: 4/16rem;
          height: 16/16rem;
          left: 0;
          top: 20/16rem;
          background-color: #63A431;
        }
        //非必填
        .non_compul {
          display: block;
          font-size: 10/16rem;
          line-height: 55/16rem;
          color: #C9C9C9;
        }
        // 五角星的表示
        .required_star {
          display: block;
          font-size: 14/16rem;
          line-height: 55/16rem;
          color: #FF4539;
        }
        //可多选
        .required_multi {
          display: block;
          font-size: 10/16rem;
          line-height: 55/16rem;
          color: #FF4539;
          padding-right: 10/16rem;
        }
      }
      .pro_text {
        text-align: left;
        color: #999;
        font-size: 13/16rem;
        line-height: 18/16rem;
        padding: 0 20/16rem 0 30/16rem;
      }
      .envi_mess {
        padding: 20/16rem 20/16rem;
        .meal_ul {
          width: 100%;
          .week_li {
            margin-bottom: 10/16rem;
            .week_title {
              width: 100%;
              height: 43/16rem;
              padding: 0 15/16rem;
              line-height: 43/16rem;
              background: url("../images/upicon.png") no-repeat 95% center;
              background-size: 22/16rem 22/16rem;
              background-color: #F2FDF1;
            }
            .active_side {
              line-height: 43/16rem;
              background: url("../images/downicon.png") no-repeat 95% center;
              background-size: 22/16rem 22/16rem;
              background-color: #F2FDF1;
            }
            .food_list {
              //display: none;
              position: relative;
              padding: 20/16rem 15/16rem 15/16rem;
              border-bottom: 1px solid #EEEEEE;
              .food_c {
                display: block;
                float: left;
                width: 20%;
                font-size: 14/16rem;
                line-height: 25/16rem;
              }
              .breakfast {
                background: url("../images/breakfasticon.png") no-repeat left center;
                background-size: 25/16rem 25/16rem;
                padding-left: 30/16rem;
              }
              .inter_pormor {
                background: url("../images/inter_pormor.png") no-repeat left center;
                background-size: 25/16rem 25/16rem;
                padding-left: 30/16rem;
              }
              .lunch {
                background: url("../images/lunchicon.png") no-repeat left center;
                background-size: 25/16rem 25/16rem;
                padding-left: 30/16rem;
              }
              .inter_pormor2 {
                background: url("../images/inter_pormor2.png") no-repeat left center;
                background-size: 25/16rem 25/16rem;
                padding-left: 30/16rem;
              }
              .dinner {
                background: url("../images/dinnericon.png") no-repeat left center;
                background-size: 25/16rem 25/16rem;
                padding-left: 30/16rem;
              }
              .week_input {
                width: 75%;
                height: 25/16rem;
                float: right;
                font-size: 14/16rem;
                color: #333;
                line-height: 25/16rem;
                text-align: justify;
                word-wrap: break-word;
                -moz-hyphens: auto;
                -ms-hyphens: auto;
                -webkit-hyphens: auto;
                hyphens: auto;
                word-break: normal;
              }
            }
            .week_food {
              padding-bottom: 10/16rem;
            }
          }
        }
      }
      .end_div {
        padding: 10/16rem 0 10/16rem;
        border-bottom: 1px solid #EEEEEE;
        .exam_text {
          width: 100%;
          height: 20/16rem;
          font-size: 13/16rem;
          line-height: 18/16rem;
        }
      }
    }
  }
  //导师寄语
  .tutor_content {
    width: 100%;
    .tutor_mess {
      padding: 10/16rem 20/16rem;
      .tutor_list {
        margin-bottom: 30/16rem;
        position: relative;
        .tutor_close_icon {
          position: absolute;
          right: 0;
          top: -20/16rem;
          width: 20/16rem;
          height: 20/16rem;
          border: 1px solid #EEEEEE;
          border-radius: 50%;
        }
        .tutor_mess_con {
          width: 70%;
          .chara_name {
            width: 100%;
            font-size: 13/16rem;
            padding: 11/16rem 15/16rem;
            border-bottom: 1px solid #dddddd;
            margin-bottom: 10/16rem;
          }
        }
        .tutor_text {
          width: 100%;
          min-height: 110/16rem;
          padding: 10/16rem;
          font-size: 13/16rem;
          color: #333;
          margin-top: 20/16rem;
          line-height: 18/16rem;
          border: 1px solid #EEEEEE;
        }
        .tutor_pro {
          padding-top: 5/16rem;
          font-size: 10/16rem;
          line-height: 17/16rem;
          color: #999999;
          text-align: left;
        }
      }
    }
    .tutor_btn {
      display: block;
      width: 255/16rem;
      height: 42/16rem;
      margin: 0 auto 15/16rem;
      font-size: 14/16rem;
      color: #63A431;
      text-align: center;
      line-height: 42/16rem;
      background-color: rgba(102, 161, 55, 0.317647058823529);
      -webkit-border-radius: 50/16rem 50/16rem;
      -moz-border-radius: 50/16rem 50/16rem;
      -ms-border-radius: 50/16rem 50/16rem;
      -o-border-radius: 50/16rem 50/16rem;
      border-radius: 50/16rem 50/16rem;
    }
  }

  //提交
  .sub_page {
    width: 100%;
    padding: 150/16rem 0 20/16rem;
    .send_img {
      display: block;
      width: 60/16rem;
      height: 60/16rem;
      margin: 0 auto;
    }
    .send_text {
      text-align: center;
      padding: 20/16rem 0 10/16rem;
      color: #63A431;
      font-size: 14/16rem;
      line-height: 23/16rem;
    }
  }

  //6大板块资料上传预览
  .preview {
    width: 100%;
    .content_title {
      width: 100%;
      padding: 0 20/16rem 0;
      height: 55/16rem;
      background-color: #F2FDF1;
      .title_h {
        font-size: 14/16rem;
        line-height: 55/16rem;
        color: #333333;
        font-weight: 800;
        span {
          font-size: 10/16rem;
          line-height: 55/16rem;
          color: #999999;
          padding-top: 3/16rem;
        }
      }
    }
    .preview_content {
      padding: 20/16rem;
      .preview_title {
        width: 100%;
        height: 40/16rem;
        .title_h {
          font-size: 16/16rem;
          line-height: 40/16rem;
          color: #63A431;
          font-weight: 800;
          position: relative;
          padding-left: 10/16rem;
        }
        .title_h:before {
          content: "";
          position: absolute;
          z-index: 2;
          width: 4/16rem;
          height: 16/16rem;
          left: 0;
          top: 12/16rem;
          background-color: #63A431;
        }
      }
      .article {
        padding: 10/16rem 0 10/16rem 15/16rem;
        font-size: 14/16rem;
        line-height: 22/16rem;
        color: #333;
        text-align: justify;
        letter-spacing: 2/16rem;
      }
      .list_term {
        padding: 5/16rem 0;
        font-size: 14/16rem;
        line-height: 22/16rem;
        color: #333;
        padding-left: 15/16rem;
      }
      //图片区域
      .img_ol {
        margin-left: -10/16rem;
        padding: 15/16rem 23/16rem 0 20/16rem;
        .img_li {
          float: left;
          width: 90/16rem;
          height: 90/16rem;
          margin-bottom: 15/16rem;
          margin-left: 10/16rem;
          img {
            display: block;
            width: 100%;
            height: 100%;
          }
        }
      }
      .term {
        .term_tit {
          font-size: 14/16rem;
          line-height: 30/16rem;
          color: #333333;
          font-weight: 800;
        }
        .term_p {
          font-size: 14/16rem;
          line-height: 20/16rem;
          color: #63A431;
          padding-top: 15/16rem;
        }
        .teach_div {
          padding-left: 22/16rem;
          padding-top: 10/16rem;
        }
        .teach_img {
          width: 84/16rem;
          height: 124/16rem;
          border: 1px solid #EEEEEE;
          margin-right: 20/16rem;
          margin-bottom: 10/16rem;
        }
        .teach_article {
          width: 65%;
          span {
            display: block;
            font-size: 14/16rem;
            line-height: 30/16rem;
            color: #333;
            text-align: justify;
            letter-spacing: 2/16rem;
          }
        }
        .teach_message {
          padding: 10/16rem 0 10/16rem 15/16rem;
          font-size: 14/16rem;
          line-height: 22/16rem;
          color: #333;
          text-align: justify;
          letter-spacing: 2/16rem;
        }
        table {
          border-collapse: collapse;
          width: 100%;
          margin: 0 auto;
          margin-top: 30/16rem;
          margin-bottom: 20/16rem;
        }
        th, td {
          padding: 10/16rem 0;
          border: 1px solid #e3e3e3;
          text-align: center;
          font-size: 12/16rem;
          line-height: 20/16rem;
        }
        td {
          width: 14%;
          padding: 10/16rem 3/16rem;
          word-wrap: break-word;
          -moz-hyphens: auto;
          -ms-hyphens: auto;
          -webkit-hyphens: auto;
          hyphens: auto;
          word-break: normal
        }
        th {
          color: #333;
          position: relative;
        }
        .out {
          width: 1/16rem;
          height: 2.5rem;
          background-color: #e3e3e3;
          transform: rotate(126deg);
          position: absolute;
          top: -0.5rem;
        }
        .meal_listtxt {
          font-size: 10/16rem;
          line-height: 20/16rem;
          color: #333333;
          font-weight: 400;
        }
      }
      //选择修改的内容
      .sele_edit {
        width: 100%;
        .sele_tit {
          padding: 0 0 10/16rem;
          font-size: 14/16rem;
          color: #63A431;
          line-height: 18/16rem;
        }
        .sele_p {
          padding: 0 0 20/16rem;
          font-size: 12/16rem;
          color: #999;
          line-height: 18/16rem;
        }
        .sele_more {
          padding-bottom: 10/16rem;
          .moreli_list {
            width: 100%;
            margin-bottom: 10/16rem;
            background-color: #fff;
            padding-left: 15/16rem;
            .more_p {
              color: #333333;
              font-size: 13/16rem;
              line-height: 22/16rem;
              padding: 15/16rem 15/16rem 15/16rem 20/16rem;
              background: url("../images/sele_gray.png") no-repeat left 0.48rem;
              background-size: 13/16rem 13/16rem;
            }
          }
          .current_list {
            width: 100%;
            margin-bottom: 10/16rem;
            background-color: #F2FDF1;
            .more_p {
              color: #333333;
              font-size: 13/16rem;
              line-height: 22/16rem;
              padding: 15/16rem 15/16rem 15/16rem 20/16rem;
              background: url("../images/sele_cur.png") no-repeat left 0.48rem;
              background-size: 13/16rem 13/16rem;
            }
          }

        }
      }
      .btn_b {
        display: block;
        margin: 20/16rem auto;
        width: 100%;
        text-align: center;
        height: 50/16rem;
        line-height: 50/16rem;
        font-size: 14/16rem;

        -webkit-border-radius: 50/16rem 50/16rem;
        -moz-border-radius: 50/16rem 50/16rem;
        -ms-border-radius: 50/16rem 50/16rem;
        -o-border-radius: 50/16rem 50/16rem;
        border-radius: 50/16rem 50/16rem;
      }
      .btn_edit {
        color: #63A431;
        background-color: #F2FDF1;
      }
      .btn_nopro {
        color: #fff;
        background-color: #63A431;
      }
    }
  }
}

//确认添加按钮
.addBtn {
  display: block;
  width: 100%;
  height: 58/16rem;
  color: #63A431;
  line-height: 58/16rem;
  font-size: 13/16rem;
  //margin-top: 20/16rem;
  text-align: center;
  //border-top: 1px solid #EEEEEE;
}

.add_teach {
  display: block;
  width: 100%;
  height: 54/16rem;
  background-color: #F3F3F3;
  .add_pro {
    display: block;
    margin: 0 auto;
    width: 100%;
    line-height: 54/16rem;
    text-align: center;
    color: #63A431;
    font-size: 14/16rem;
  }

}

//直接定位在底部
.btnstap {
  width: 100%;
  position: fixed;
  bottom: 25/16rem;
  left: 0;
  max-width: 540px;
  z-index: 10;
  background-color: #fff;
  .stap_div {
    padding-left: 20/16rem;
    padding-right: 20/16rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
  }
  a {
    display: block;
    flex: 1;
    height: 40/16rem;
    text-align: center;
    line-height: 40/16rem;
    font-size: 14/16rem;
    -webkit-border-radius: 4/16rem;
    -moz-border-radius: 4/16rem;
    -ms-border-radius: 4/16rem;
    -o-border-radius: 4/16rem;
    border-radius: 4/16rem;
  }
  .upper_btn {
    color: #999999;
    background: url("../images/uparr_icon.png") no-repeat 40/16rem center;
    background-size: 7/16rem 10/16rem;
    border: 1px solid #EEEEEE;
    margin-right: 20/16rem;
  }
  .next_btn {
    color: #fff;
    background: url("../images/nextarr_icon.png") no-repeat 110/16rem center;
    background-size: 7/16rem 10/16rem;
    background-color: #63A431;
  }
}

//自动挤下去在底部
.btnstap1 {
  width: 100%;
  padding-top: 20/16rem;
  .stap_div {
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    padding-left: 20/16rem;
    padding-right: 20/16rem;
  }
  a {
    display: block;
    flex: 1;
    height: 40/16rem;
    text-align: center;
    line-height: 40/16rem;
    font-size: 14/16rem;
    -webkit-border-radius: 4/16rem;
    -moz-border-radius: 4/16rem;
    -ms-border-radius: 4/16rem;
    -o-border-radius: 4/16rem;
    border-radius: 4/16rem;
  }
  .upper_btn {
    color: #999999;
    background: url("../images/uparr_icon.png") no-repeat 40/16rem center;
    background-size: 7/16rem 10/16rem;
    border: 1px solid #EEEEEE;
    margin-right: 20/16rem;
  }
  .next_btn {
    color: #fff;
    background: url("../images/nextarr_icon.png") no-repeat 110/16rem center;
    background-size: 7/16rem 10/16rem;
    background-color: #63A431;
  }
}

//没有上一步
.btnstap2 {
  width: 100%;
  position: fixed;
  bottom: 25/16rem;
  left: 0;
  max-width: 540px;
  z-index: 10;
  .stap_div {
    padding-left: 38/16rem;
    padding-right: 20/16rem;
  }
  a {
    display: block;
    float: right;
    width: 157/16rem;
    height: 40/16rem;
    text-align: center;
    line-height: 40/16rem;
    font-size: 14/16rem;
    -webkit-border-radius: 4/16rem;
    -moz-border-radius: 4/16rem;
    -ms-border-radius: 4/16rem;
    -o-border-radius: 4/16rem;
    border-radius: 4/16rem;
  }
  .next_btn {
    color: #fff;
    background: url("../images/nextarr_icon.png") no-repeat 110/16rem center;
    background-size: 7/16rem 10/16rem;
    background-color: #63A431;
  }
}

//没有上一步 随着页面在下面
.btnstap3 {
  padding-top: 50/16rem;
  width: 100%;
  padding-bottom: 20/16rem;
  .stap_div {
    padding-left: 38/16rem;
    padding-right: 20/16rem;
  }
  a {
    display: block;
    float: right;
    width: 157/16rem;
    height: 40/16rem;
    text-align: center;
    line-height: 40/16rem;
    font-size: 14/16rem;
    -webkit-border-radius: 4/16rem;
    -moz-border-radius: 4/16rem;
    -ms-border-radius: 4/16rem;
    -o-border-radius: 4/16rem;
    border-radius: 4/16rem;
  }
  .next_btn {
    color: #fff;
    background: url("../images/nextarr_icon.png") no-repeat 110/16rem center;
    background-size: 7/16rem 10/16rem;
    background-color: #63A431;
  }
}

//预览页按钮
.btnpreview {
  width: 100%;
  padding-bottom: 20/16rem;
  .stap_div {
    padding-left: 20/16rem;
    padding-right: 20/16rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
  }
  a {
    display: block;
    //float: left;
    flex: 1;
    //width: 130/16rem;
    height: 40/16rem;
    text-align: center;
    line-height: 40/16rem;
    font-size: 14/16rem;
    -webkit-border-radius: 4/16rem;
    -moz-border-radius: 4/16rem;
    -ms-border-radius: 4/16rem;
    -o-border-radius: 4/16rem;
    border-radius: 4/16rem;
  }
  .upper_btn {
    color: #999999;
    background: url("../images/uparr_icon.png") no-repeat 40/16rem center;
    background-size: 7/16rem 10/16rem;
    border: 1px solid #EEEEEE;
    margin-right: 20/16rem;
  }
  .next_btn {
    color: #fff;
    background: url("../images/nextarr_icon.png") no-repeat 140/16rem center;
    background-size: 7/16rem 10/16rem;
    background-color: #63A431;
  }
}

//资料审核中 按钮
.btnexamine {
  width: 100%;
  height: 54/16rem;
  background-color: #F3F3F3;
  .examine {
    display: block;
    line-height: 54/16rem;
    font-size: 14/16rem;
    color: #63A431;
    text-align: center;
  }
}

//上传图片
.container {
  width: 100%;
  height: 100%;
  margin-top: 25/16rem;
  padding: 0 20/16rem 0 28/16rem;
}

.container1 {
  width: 100%;
  height: 100%;
  margin-top: 30/16rem;
  padding: 0 10/16rem 0 13/16rem;
}

.z_photo {
  margin-left: -12/16rem;

}

.z_photo .img_list {
  width: 84/16rem;
  height: 84/16rem;
}

.addimg_par {
  float: left;
  width: 84/16rem;
  height: 84/16rem;
  position: relative;
  margin-left: 12/16rem;
  margin-bottom: 12/16rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 12/16rem 0 rgba(218, 218, 218, 0.5);
  -mos-box-shadow: 0 0 12/16rem 0 rgba(218, 218, 218, 0.5);
  -ms-box-shadow: 0 0 12/16rem 0 rgba(218, 218, 218, 0.5);
  -o-box-shadow: 0 0 12/16rem 0 rgba(218, 218, 218, 0.5);
  box-shadow: 0 0 12/16rem 0 rgba(218, 218, 218, 0.5);
}

.z_addImg {
  width: 84/16rem;
  height: 84/16rem;
  overflow: hidden;
  position: relative;
  background-color: #EEEEEE;
}

.close_icon {
  position: absolute;
  right: -7/16rem;
  top: -7/16rem;
  width: 14/16rem;
  height: 14/16rem;
  z-index: 2;
}

.z_addImg .img_list {
  width: 100%;
  height: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
}

.z_file {
  width: 84/16rem;
  height: 84/16rem;
  background: url(../../images/hyzicon/z_add.png) no-repeat center;
  background-size: 36/16rem 36/16rem;
  float: left;
  margin-left: 12/16rem;
  background-color: #EEEEEE;
}

.z_file input::-webkit-file-upload-button {
  width: 1rem;
  height: 1rem;
  border: none;
  position: absolute;
  outline: 0;
  opacity: 0;
}

.z_file input {
  width: 84/16rem;
  height: 84/16rem;
  display: block;
  //width: auto;
  //border: 0;
  opacity: 0;
  color: rgba(255, 255, 255, 0);
  vertical-align: middle;
}

/*遮罩层*/

.z_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}

.z_alert {
  width: 3rem;
  height: 2rem;
  border-radius: .2rem;
  background: #fff;
  font-size: .24rem;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1.5rem;
  margin-top: -2rem;
}

.z_alert p:nth-child(1) {
  line-height: 1.5rem;
}

.z_alert p:nth-child(2) span {
  display: inline-block;
  width: 49%;
  height: .5rem;
  line-height: .5rem;
  float: left;
  border-top: 1px solid #ddd;
}

.z_cancel {
  border-right: 1px solid #ddd;
}